<html>
    <head>
        <meta charset="UTF-8">
        <link href="__CSS__bootstrap.min.css" type="text/css" rel="stylesheet">
        <link href="__CSS__index.css" type="text/css" rel="stylesheet">
        <script src="__JS__jquery-3.1.1.min.js"></script>
        <script src="__JS__bootstrap.min.js"></script>
    </head>
    <body style="background-color: #ffb466">
        <include file="Public/header1"/>

        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img style="height:25em;" class="img-responsive img-rounded col-sm-12 col-md-12" src="__C3IMGS__3.jpg">
                </div>
                <div class="item">
                    <img style="height:25em;" class="img-responsive img-rounded col-sm-12 col-md-12" src="__C3IMGS__4.jpg">
                </div>
            </div>
        </div>
        <div class="col-sm-12 col-md-12">
            <!--网易云音乐-->
            <div class="col-sm-3 col-md-3 pull-right">
                <iframe class="col-sm-12 col-md-12" frameborder="no" border="0" marginwidth="0" marginheight="0" width=360 height=450 src="//music.163.com/outchain/player?type=0&id=696557508&auto=1&height=430">
                </iframe>
            </div>

            <div class="col-sm-9 col-md-9 page-header" style="background-color: #DD0000;border-radius: 1em;">
                <h1>&nbsp;&nbsp;你想要告白吗？&nbsp;&nbsp;&nbsp;
                    <small><a href="rdadd">那就戳这里呀</a></small>
                </h1>
            </div>
            <div class="col-sm-9 col-md-9">
                <volist name="list" id="vo">
                    <div class="col-sm-4 col-md-4" style="height:8em;">
                        <img style="height:8em;background-size: 100% 100%;" class="img-responsive img-thumbnail col-sm-12 col-md-12" src="__C3IMGS__1.jpg">
                    </div>
                    <div class="col-sm-8 col-md-8 panel">
                        <div class="col-sm-12 col-md-12 panel-heading">
                            <div class="col-sm-8 col-md-8 text-left">
                                <i style="color: #DD0000">{$vo['fromname']}</i>
                                <span>&nbsp;&nbsp;告白&nbsp;&nbsp;</span>
                                <i style="color: #DD0000">{$vo['toname']}</i>
                            </div>
                            <div  class="col-sm-4 col-md-4 text-right">
                                <span>{$vo['time']}</span>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12" style="height:0.2em;background-color: #0A0A0A;"></div>
                        <div class="col-sm-12 col-md-12 panel-body">
                            {$vo['content']}
                        </div>
                    </div>
                    <if condition="$i neq count($list)">
                        <div class="col-sm-12 col-md-12" style="height:0.25em;background-color: #6ce6ff;margin: 1.5em auto;"></div>
                    </if>
                </volist>
            </div>

        </div>

        <include file="Public/footer"/>
    </body>
</html>